<template>
    <div class='content'>

        <section>
            <div class="profile_page">
                    <head-top  :go-back='goBack'  :head-title="profiletitle"></head-top>
            </div>

            <div>
                    <div class="flex menuContain flex-warp" style="padding-left: 20px;">
                        <div class='menuItem' @click="goToDetail('zmsq')">
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-File.png">
                            </div>
                            <p>开具证明</p>
                        </div>
                        <!-- <div class='menuItem' @click="goToDetail('hjsq')">
                            <div class='flex'>
                                <img style="height: auto;width: 3rem" src="@/assets/images/platform/item-Email_2.png">
                            </div>
                            <p>户籍使用</p>
                        </div>
                        <div class='menuItem' @click="goToDetail('ldsq')">
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-DOC_File.png">
                            </div>
                            <p>劳动合同</p>
                        </div>
                        <div class='menuItem' @click="goToDetail('hzsq')">
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-WalletCopy.png">
                            </div>
                            <p>出境证照</p>
                        </div>
                        <div class='menuItem' @click="goToDetail('sbbgsq')" >
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-Receiving_money.png">
                            </div>
                            <p>社会保险</p>
                        </div>
                        <div class='menuItem' @click="goToDetail('jfcxsq')">
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-ReciptCopy.png">
                            </div>
                            <p>补充医疗</p>
                        </div>
                        <div class='menuItem'  @click="goToDetail('jxsq')">
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-TapCopy.png">
                            </div>
                            <p>绩效申诉</p>
                        </div>
                        <div class='menuItem' @click="goToDetail('tqsq')" >
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-Monney_bag.png">
                            </div>
                            <p>住房公积金</p>
                        </div>
                        <div class='menuItem' @click="goToDetail('dacxsq')">
                            <div class='flex'>
                                <img src="@/assets/images/platform/item-To_DoCopy.png">
                            </div>
                            <p>人事档案</p>
                        </div> -->
                    </div>
            </div>


<!--          <van-cell @click="goToDetail('zmsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">开具各类人事证明</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('hjsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">户籍卡/户籍首页使用申请</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('ldsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">劳动合同使用申请</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('hzsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">因公/因私护照及通行证使用申请</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('sbbgsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">社会保险事项申请</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('jfcxsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">补充医疗、意外险报销申请</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('jxsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">绩效申诉</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('tqsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">公积金提取申请</span>
            </template>
          </van-cell>
          <van-cell @click="goToDetail('dacxsq')" is-link>
            <template slot="title">
              <img src="https://ciicfchrsaas.ciicfc.com/wechat/main/help.png" class="align_middle" style="width:1.1rem;margin-left: -0.1rem" alt="">
              <span class="custom-text align_middle" style="margin-left: 0">人事档案查询申请</span>
            </template>
          </van-cell>-->
        </section>
    </div>
</template>

<script>
    import headTop from '@/components/header/head';
    import {queryMessageList,messageRead,householdVerification} from '@/service/getData';
    import {setStore,getStore,getDefault} from '@/assets/config/mUtils';
    import {mapState, mapMutations} from 'vuex'
    import { Dialog,Toast } from 'vant';
    export default {
    	data(){
            return{
                profiletitle:'事项办理',
                goBack:true,
                CHECK_TIME: new Date().getTime().toString(),
                app_userId:'',

            }
        },
        created(){
    	    this.app_userId = getStore('user_id');
        },
        mounted(){

        },
        components:{
            headTop,
        },
        methods:{
	        ...mapMutations([
		        'PERSONTYPE',
                'SELECTPER'
	        ]),
          goToDetail(type){
	          this.PERSONTYPE({});
	          this.SELECTPER({});
	        	if(type == 'hjsq'){
			        var defaultData = getDefault();
			        householdVerification(defaultData).then(res=>{
			        	console.log(res);
			        	if(res.data == true){
					        this.$router.push(
						        { name: 'applyDetail', params: { type: type,useType:'apply'}}
					        );
                        }else {
					        Toast({
						        duration: 2000,   // 持续展示 toast
						        message: '非集团管理户籍人员，禁止申请！'
					        });
                        }
                    })
                }else {
			        this.$router.push(
				        { name: 'applyDetail', params: { type: type,useType:'apply'}}
			        );
                }
          }
        }
    }

</script>

<style lang="scss" scoped>
    @import '../../assets/style/mixin';
      @import '../../assets/style/public';
    .van-cell .custom-text{
      color: #333;
      font-size: .6rem;
      margin-left: 1rem;
    }
    .align_middle{
      vertical-align: middle;
    }
    .menuContain{
        >.menuItem{
            @include wh(30%, 5.3rem);
            background:#fff;
            margin-top: 0.8rem;
            margin-bottom: 0.2rem;
            border-radius: 0.4rem;
            /* border-top:1px solid #e6e6e6;
             border-bottom:1px solid #e6e6e6;*/
            box-sizing:border-box;
            /*    margin-left: 1.2%;*/

        }
    }
    .menuItem{
        cursor: pointer;
       /* margin-bottom: 0.6rem;*/
        >.flex{
            @include wh(100%, 3.7rem);
            align-items:center;
            justify-content:center;
            position: relative;
            img{
                height: 2rem;
            }
        }
        p{
            @include sc(.56rem, #333);
            text-align:center;
        }
    }
</style>
